<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<title>微评说客</title>
<link rel="stylesheet" type="text/css" href="/Public/home/style/public.css">
<link rel="stylesheet" type="text/css" href="/Public/home/style/style.css">
<link rel="stylesheet" type="text/css" href="/Public/home/style/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/Public/home/style/elastislide.css">
<script type="text/javascript" src="/Public/home/jquery/modernizr.custom.17475.js"></script>
</head>

<body>
<header class="index-header">
	<h1>开放、有趣、实时，调研从此不一样</h1>
</header>
<div class="nav">
    <ul id="carousel" class="elastislide-list">
        <li><a href="index.html"><img src="/Public/home/images/000.gif"><span class="current">热门推荐</span></a></li>
        <volist name="class" id="vo">
        <li><a  href="/home/index/listdata.html?id={$vo.id}"><img  src="/Public/home/images/000.gif"><span>{$vo.name}</span></a></li>
        </volist>
       
        <div class="clears"></div>
    </ul>
</div>
<section class="banner"  id="scroll_img">
	<ul class="scroll_wrap">
	<volist name="info" id="vo">
		<li><a href="{:U('index/content',array('id'=>$vo['id']))}">
				<img src="__PUBLIC__/Upload/{$vo.pic}" alt="">
				<p>{$vo.title}</p>
			</a>
        </li>
        </volist>
		
	</ul>
</section>
<section class="index-content">
	<div class="index-title tab_title">
    	<ul>
    		<li class="current">最新话题</li>
    		<li>热门问卷</li>
    	</ul>
    </div>
    <div class="index-nr tab_nr">
    	<div class="index-block1 tab_block">
        	<ul>
        	<volist name="data" id="vo">
        		<li>
                	<a href="{:U('index/content',array('id'=>$vo['id']))}">
        				<div class="rem-left">
                        	<img height="100" width="200" src="__PUBLIC__/Upload/{$vo.pic}" alt="">	
                        </div>
                        <div class="rem-right">
                        	<h1>{$vo.title}</h1>
                            <p><b class="icon-time"></b>{$vo.addtime|date=('Y年m月d日'),###}</p>
                            <strong><img src="/Public/home/images/right-icon1.gif" alt=""></strong><span>{$vo.author}</span>
                            <strong><img src="/Public/home/images/right-icon2.gif" alt=""></strong><span>{$vo.count}</span>
                        </div>
                        <div class="clears"></div>
        			</a>
                </li>
                </volist>
        		
        	</ul>
        </div>
    	<div class="index-block2 tab_block" style="display:none;">
        	<ul>
        		<volist name="qdata" id="vo">
        		<li>
                	<a href="questionnaire_content.html?id={$vo.id}">
                		<h1>{$vo.name}</h1>
                        <span>{$vo.description}</span>
                        <p><strong>{$vo.count}</strong><i><img src="/Public/home/images/right-icon1.gif" alt=""></i><div class="clears"></div></p>
                	</a>
                </li>
                </volist>
        	</ul>
        </div>
    	
    </div>
</section>
<div class="hh"></div>
<nav>
	<ul>
		<li>
        	<a href="/home/index/index.html" class="n1">
				<p class="current"></p>
				<span>首页</span>
			</a>
        </li>
		<li>
        	<a href="/home/index/questionnaire.html" class="n2">
				<p></p>
				<span>问卷</span>
			</a>
        </li>
		<li>
        	<a href="/home/index/post.html" class="n3">
				<p></p>
				<span>发布</span>
			</a>
        </li>
		<li>
        	<a href="/home/index/mine.html" class="n4">
				<p></p>
				<span>我的</span>
			</a>
        </li>
	</ul>
</nav>
<script src="/Public/home/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/Public/home/jquery/jquerypp.custom.js"></script>
<script type="text/javascript" src="/Public/home/jquery/jquery.elastislide.js"></script>
<script src="/Public/home/jquery/tab.js"></script>
<script src='/Public/home/jquery/hhSwipe.js'></script>
<script type="text/javascript">
	$( '#carousel' ).elastislide();
</script>
<script>
var slider = Swipe(document.getElementById('scroll_img'), {
	auto: 2000,
	continuous: true,
	callback: function(pos) {
		var i = bullets.length;
		while (i--) {
			bullets[i].className = ' ';
		}
		bullets[pos].className = 'on';
	}
});
var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
$(function(){
	$('.scroll_position_bg').css({
		width:$('#scroll_position').width()
	});
});
</script>
</body>
</html>
